<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/WEB-INF/facelets/template.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.jspx" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
				<p:megaMenu style="width:989px">
				
					



					<p:menuitem icon="ui-icon-close"
						url="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/j_spring_security_logout"
						value="Cerrar Sesion" ajax="false" />

				</p:megaMenu>
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="/principal.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
							
								
						</f:facet>
				<p:growl id="men" />
						<p:messages id="msg" />

						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable id="banco" value="#{personaView.personaModel}"
								var="persona" selection="#{personaView.selectedPersona}"
								paginator="true" rows="5">

								<f:facet name="header">
							    Persona para Solicitud
						        </f:facet>

								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{persona.nombre}"
									sortBy="#{persona.nombre}">
									<f:facet name="header">
										<h:outputText value="Primer Nombre" />
									</f:facet>
									<h:outputText value="#{persona.nombre}" />
								</p:column>

								<p:column filterBy="#{persona.segundonombre}"
									sortBy="#{persona.segundonombre}">
									<f:facet name="header">
										<h:outputText value="Segundo Nombre" />
									</f:facet>
									<h:outputText value="#{persona.segundonombre}" />
								</p:column>

								<p:column filterBy="#{persona.apellido}"
									sortBy="#{persona.apellido}">
									<f:facet name="header">
										<h:outputText value="Primer Apellido" />
									</f:facet>
									<h:outputText value="#{persona.apellido}" />
								</p:column>

								<p:column filterBy="#{persona.segundoapellido}"
									sortBy="#{persona.segundoapellido}">
									<f:facet name="header">
										<h:outputText value="Segundo Apellido" />
									</f:facet>
									<h:outputText value="#{persona.segundoapellido}" />
								</p:column>

								<p:column filterBy="#{persona.fechanacimiento}"
									sortBy="#{persona.fechanacimiento}">
									<f:facet name="header">
										<h:outputText value="Fecha Nacimiento" />
									</f:facet>
									<h:outputText value="#{persona.fechanacimiento}" />
								</p:column>

								<p:column filterBy="#{persona.identificacion}"
									sortBy="#{persona.identificacion}">
									<f:facet name="header">
										<h:outputText value="Identificación" />
									</f:facet>
									<h:outputText value="#{persona.identificacion}" />
								</p:column>

								<p:column filterBy="#{persona.fechaexpedicion}"
									sortBy="#{persona.fechaexpedicion}">
									<f:facet name="header">
										<h:outputText value="Fecha Expedición" />
									</f:facet>
									<h:outputText value="#{persona.fechaexpedicion}" />
								</p:column>

								<p:column filterBy="#{persona.lugarexpedicion}"
									sortBy="#{persona.lugarexpedicion}">
									<f:facet name="header">
										<h:outputText value="Lugar Expedición" />
									</f:facet>
									<h:outputText value="#{persona.lugarexpedicion}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear Persona"
										action="#{personaView.action_crear()}" icon="ui-icon-newwin"
										update=":form" binding="#{personaView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton"
										value="Enviar Solicitud Para esta Persona"
										action="#{personaView.action_buscar2()}" icon="ui-icon-pencil"
										update=":form" binding="#{personaView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" position="top" header="Detalle Persona"
								modal="true" widgetVar="singleCarDialog" resizable="false"
								showEffect="fade" hideEffect="explode" closable="false">

								<p:messages id="msg2" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Crear"
										disabled="true" action="#{personaView.action_create()}"
										binding="#{personaView.btnSave}" icon="ui-icon-disk"
										update="msg2,msg,panel,panelBotones" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										action="#{personaView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>

								<h:panelGrid columns="6" id="panel" style="margin: 0 auto;">

									<h:outputText id="msgNombre" value=" Primer Nombre:*" />
									<p:inputText id="txtNombre" disabled="true" required="true"
										requiredMessage="El Primer Nombre es Requerido"
										binding="#{personaView.txtNombre}"
										validatorMessage="El Nombre debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtNombre" display="icon" />

									<h:outputText id="msgSegundoNombre" value=" Segundo Nombre:" />
									<p:inputText id="txtSegundonombre" disabled="true"
										required="false" requiredMessage="El Nombre es Requerido"
										binding="#{personaView.txtSegundonombre}"
										validatorMessage="El Segundo Nombre debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtSegundonombre" display="icon" />

									<h:outputText id="msgApellido" value=" Primer Apellido:*" />
									<p:inputText id="txtApellido" disabled="true" required="true"
										requiredMessage="El Primer Apellido es Requerido"
										binding="#{personaView.txtApellido}"
										validatorMessage="El Apellido debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtApellido" display="icon" />

									<h:outputText id="msgSegundoApellido"
										value=" Segundo Apellido:" />
									<p:inputText id="txtSegundoapellido" disabled="true"
										required="false"
										requiredMessage="El Segundo Apellido es Requerido"
										binding="#{personaView.txtSegundoapellido}"
										validatorMessage="El Segundo Apellido debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtSegundoapellido" display="icon" />

									<h:outputText id="msgIdentificacion" value=" Identificacón:*" />
									<p:inputText id="txtIdentificacion" disabled="true"
										required="true"
										requiredMessage="La Identificación es Requerida"
										binding="#{personaView.txtIdentificacion}"
										validatorMessage="La Identificación debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtIdentificacion" display="icon" />

									<h:outputText id="msgFechanacimiento"
										value=" Fecha Nacimiento:*" />
									<p:calendar showOn="button" navigator="true" locale="en" 
										requiredMessage="La Fecha Nacimiento es Requerida"
										binding="#{personaView.txtFechanacimiento}"
										yearRange="1940:2018">
										<p:ajax event="dateSelect"
											listener="#{personaView.listener_txtFechanacimiento()}"
											update="men" />
									</p:calendar>
									<br />
									
									<h:outputText id="msgLugarexpedicion"
										value=" Lugar de Expedición: *" />
									<p:inputText id="txtLugarexpedicion" disabled="true"
										required="true"
										requiredMessage="El Lugar de Expedición es Requerido"
										binding="#{personaView.txtLugarexpedicion}"
										validatorMessage="El Lugar de Expedición debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtLugarexpedicion" display="icon" />

									<h:outputText id="msgFechaexpedicion" 
																			value="Fecha Expedición:*" />
									<p:calendar showOn="button" navigator="true" locale="en" 
									requiredMessage="La Fecha Expedición es Requerida"
										binding="#{personaView.txtFechaexpedicion}">
										<p:ajax event="dateSelect"
											listener="#{personaView.listener_txtFechaexpedicion()}"
											update="men" />
									</p:calendar>
									<br />

								</h:panelGrid>

							</p:dialog>

						</h:panelGrid>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>